<?xml version="1.0" encoding="ISO-8859-1" ?>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style>
body{
	background-image: url("ElvenCastle.jpg");
	background-size: 100% 100%;
	color:white;
	text-align: center;
	font-family: calibri;
	font-size: 150%;
	margin-top:30%;
}
div.Barack{
	margin-left:84%;
	margin-top: -15%;	
}

div.GoldStore{
	margin-left:71%;

}
div.BlackSmith{
	margin-left: 27%;
	margin-top:-16.5%;
}
div.Map{
	margin-top:-8%;
	margin-left: -70%;

}
@-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Firefox */
@-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Webkit */
@-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* IE */
@keyframes blink {0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;}} /* Opera and prob css3 final iteration */
img {
-moz-transition:all 1s ease-in-out;
-webkit-transition:all 1s ease-in-out;
-o-transition:all 1s ease-in-out;
-ms-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
/* order: name, direction, duration, iteration-count, timing-function */   
-moz-animation:blink normal 2s infinite ease-in-out; /* Firefox */
-webkit-animation:blink normal 2s infinite ease-in-out; /* Webkit */
-ms-animation:blink normal 2s infinite ease-in-out; /* IE */
animation:blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}
</style>
</head>
<body>
<div class="Barack">
			<a href="ElvenBarack.jsp"><img src="ElvenBarack.png" height="21%" width="76%"></a>
		</div>
		<div class="GoldStore">
			<a href="ElvenGoldMine.jsp"><img src="ElvenGoldMine.png" height="43%" width="94%"></a>
		</div>
		<div class="BlackSmith" style="float:left">
			<a href="ElvenBlackSmith.jsp"><img src="ElvenBlacksmit.png" height="19%" width="275%"></a>
		</div>
		
		<div class="Map">
			<a href="MapServlet"><img src="Arrow.png" height="15%"
			width="14%" />
		</div>
</body>
</html>